import React from 'react';
import { SVGIcon, ISVGIconProps } from './SVGIcon';
import { useUniqueId } from './useUniqueId';

export const VuePressIcon: React.FC<ISVGIconProps> = ({ ...props }) => {
  const id = useUniqueId();

  return (
    <SVGIcon {...props}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.73587 7.90886L19.3984 5.43536C19.8439 5.36933 20.3115 5.63888 20.4443 6.03926L27.3378 26.8118C27.5068 27.3216 27.2442 27.8237 26.7485 27.9312L8.08892 31.9766C7.53676 32.0964 6.99003 31.7433 6.87003 31.1904L2.01592 8.81459C1.92304 8.38637 2.24605 7.98155 2.73587 7.90886Z"
        fill={`url(#VuePress_Paint0_Linear_${id})`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.8401 7.68541L19.5027 5.21191C19.9481 5.14588 20.4158 5.41543 20.5486 5.81581L27.442 26.5884C27.6113 27.0982 27.3484 27.6003 26.8527 27.7077L8.19315 31.7532C7.64099 31.8729 7.09425 31.5199 6.97426 30.967L2.11991 8.59139C2.02702 8.16292 2.35003 7.75834 2.8401 7.68541Z"
        fill={`url(#VuePress_Paint1_Linear_${id})`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M4.4202 5.19932L20.9615 2.77387C21.405 2.70882 21.8749 2.98059 22.0124 3.38196L29.0032 23.7904C29.1712 24.2809 28.9172 24.7624 28.434 24.8636L10.3229 28.6681C9.78926 28.7802 9.24967 28.4422 9.11958 27.9152L3.73179 6.09987C3.62633 5.67313 3.93531 5.27053 4.4202 5.19932Z"
        fill={`url(#VuePress_Paint2_Linear_${id})`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M4.52418 4.97612L21.0655 2.55066C21.509 2.48562 21.9789 2.75738 22.1163 3.15875L29.1071 23.5672C29.2752 24.0577 29.0212 24.5392 28.538 24.6404L10.4269 28.4449C9.89324 28.557 9.35364 28.219 9.22355 27.692L3.83601 5.87667C3.73056 5.44968 4.03928 5.04708 4.52418 4.97612Z"
        fill={`url(#VuePress_Paint3_Linear_${id})`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M6.19741 2.58045L22.5968 0.23236C23.0371 0.169284 23.5062 0.438834 23.6462 0.83552L30.7136 20.8674C30.8824 21.3459 30.6345 21.8138 30.158 21.9111L12.3295 25.5545C11.805 25.6617 11.2693 25.3318 11.1348 24.8193L5.52698 3.46548C5.41611 3.04489 5.71719 2.64919 6.19741 2.58045Z"
        fill={`url(#VuePress_Paint4_Linear_${id})`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M6.30139 2.35699L22.7008 0.00915408C23.1411 -0.0539215 23.6102 0.215628 23.7502 0.612315L30.8176 20.6442C30.9864 21.1227 30.7385 21.5906 30.262 21.6879L12.4335 25.3313C11.909 25.4385 11.3733 25.1086 11.2388 24.5961L5.63096 3.24252C5.52033 2.82168 5.82117 2.42574 6.30139 2.35699Z"
        fill={`url(#VuePress_Paint5_Linear_${id})`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M15.1566 15.5455L22.3814 14.2066C22.4842 14.1876 22.585 14.2482 22.6163 14.3478L23.829 18.2018C23.8659 18.3193 23.7925 18.443 23.6713 18.4667L16.3429 19.8935C16.2372 19.9139 16.1338 19.8501 16.1044 19.7466L14.9952 15.8044C14.9624 15.6876 15.0371 15.5676 15.1566 15.5455ZM14.5327 15.8884L15.6242 19.8627C15.709 20.1709 16.0167 20.3619 16.3304 20.301L23.7469 18.8592C24.1064 18.7892 24.3242 18.4213 24.2126 18.0727L22.9883 14.2453C22.8949 13.9535 22.6005 13.7759 22.2989 13.8296L15.0149 15.1246C14.6611 15.1877 14.4374 15.5415 14.5327 15.8884ZM15.9739 16.2122L16.7374 18.8927L17.5579 18.7059L17.1193 17.1625L18.2394 18.0397L18.7844 16.805L19.2311 18.3728L20.0272 18.2023L19.2555 15.6113L18.4106 15.7574L17.8989 16.8944L16.7941 16.0577L15.9739 16.2122ZM21.9185 16.5727L21.5095 15.1978L20.6594 15.3432L21.0906 16.7304L20.3268 16.8782L21.8963 17.9253L22.6921 16.4224L21.9185 16.5727Z"
        fill="#BCC0CF"
      />
      <path
        d="M23.8107 18.3664L23.7245 18.5462L23.6974 18.6029C23.6678 18.6473 23.621 18.6793 23.5668 18.6892L16.2392 20.1182C16.1333 20.1379 16.0298 20.0739 16.0002 19.9704L14.8915 16.0282C14.8791 15.9813 14.8816 15.9321 14.9013 15.8902C14.9038 15.8852 14.9062 15.8803 14.9087 15.8754L14.9161 15.8606L14.9999 15.6807C14.9851 15.7177 14.9826 15.7621 14.9949 15.8039L15.0245 15.9099L16.1037 19.7462C16.1333 19.8496 16.2367 19.9137 16.3427 19.894L23.6678 18.4674H23.6703C23.7344 18.4551 23.7836 18.4157 23.8107 18.3664ZM24.1187 18.6226C24.1458 18.5191 24.1434 18.4058 24.1089 18.2949L22.8843 14.4685C22.7907 14.1778 22.4975 14.0004 22.1944 14.0521L14.9112 15.3481C14.751 15.3752 14.6155 15.4639 14.5293 15.5871C14.5785 15.358 14.7633 15.1683 15.0146 15.1239L22.3004 13.8304C22.601 13.7762 22.8966 13.9536 22.9878 14.2443L24.2124 18.0732C24.2764 18.2678 24.2345 18.4723 24.1187 18.6226ZM22.6921 16.4224L22.5714 16.6491L21.815 16.7969L21.406 15.422L20.721 15.5403L20.6594 15.3432L21.5095 15.1978L21.9185 16.5727L22.6921 16.4224ZM20.928 16.7624L21.0906 16.7304L20.9871 16.9546L20.5633 17.0359L20.3268 16.8782L20.928 16.7624ZM17.8949 16.893L17.7939 17.1172L16.6901 16.2819L16.0273 16.4051L15.9731 16.2129L16.7936 16.0577L17.8949 16.893ZM20.0262 18.2013L19.866 18.2358L19.1515 15.8335L18.3089 15.9813L18.4099 15.7571L19.255 15.6118L20.0262 18.2013ZM17.2297 17.5533L17.1188 17.1615L17.0153 17.3858L17.4022 18.7409L17.5574 18.7064L17.2297 17.5533Z"
        fill="#A2A6B3"
      />
      <path
        d="M12.8933 5.37674L10.7645 5.67241L18.3335 12.7093L21.0537 4.07581L19.0431 4.43061L17.4465 9.51608L12.8933 5.37674Z"
        fill={`url(#VuePress_Paint6_Linear_${id})`}
      />
      <path
        d="M12.8932 5.37674L14.8447 5.08107L16.5595 6.61854L17.21 4.72627L19.0431 4.4306L17.4465 9.51607L12.8932 5.37674Z"
        fill={`url(#VuePress_Paint7_Linear_${id})`}
      />
      <defs>
        <linearGradient
          id={`VuePress_Paint0_Linear_${id}`}
          x1="14.6945"
          y1="31.9997"
          x2="14.6945"
          y2="5.42521"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#1D2130" />
          <stop offset="1" stopColor="#3E445A" />
        </linearGradient>
        <linearGradient
          id={`VuePress_Paint1_Linear_${id}`}
          x1="14.7986"
          y1="31.7764"
          x2="14.7986"
          y2="5.20194"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#262B3F" />
          <stop offset="1" stopColor="#656E91" />
        </linearGradient>
        <linearGradient
          id={`VuePress_Paint2_Linear_${id}`}
          x1="16.383"
          y1="28.6898"
          x2="16.383"
          y2="2.76414"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#267550" />
          <stop offset="1" stopColor="#79B881" />
        </linearGradient>
        <linearGradient
          id={`VuePress_Paint3_Linear_${id}`}
          x1="16.4871"
          y1="28.4665"
          x2="16.4871"
          y2="2.54086"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#279264" />
          <stop offset="1" stopColor="#A4F3AA" />
        </linearGradient>
        <linearGradient
          id={`VuePress_Paint4_Linear_${id}`}
          x1="18.1351"
          y1="25.575"
          x2="18.1351"
          y2="0.223269"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.59" stopColor="#CECFD0" />
          <stop offset="1" stopColor="#DFDFDF" />
        </linearGradient>
        <linearGradient
          id={`VuePress_Paint5_Linear_${id}`}
          x1="18.2392"
          y1="25.3517"
          x2="18.2392"
          y2="-1.20886e-05"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#EAEEF0" />
          <stop offset="0.41" stopColor="white" />
        </linearGradient>
        <linearGradient
          id={`VuePress_Paint6_Linear_${id}`}
          x1="13.2661"
          y1="-3.77058"
          x2="23.9637"
          y2="31.2197"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.22" stopColor="#73CB8D" />
          <stop offset="0.4" stopColor="#2F9869" />
        </linearGradient>
        <linearGradient
          id={`VuePress_Paint7_Linear_${id}`}
          x1="11.8979"
          y1="-6.91736"
          x2="28.6463"
          y2="41.7235"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.25" stopColor="#586080" />
          <stop offset="0.35" stopColor="#2C3247" />
        </linearGradient>
      </defs>
    </SVGIcon>
  );
};
